<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-html测试类</title>
    <script src="../../js/vue/vue.js"></script>
</head>
<body>
<!-- {{}}:会将data中的数据原样输出;v-html:会将data中的数据解析成html格式再输出,同时会覆盖同时存在的{{}}的内容,不会让其显示-->
<div id="app" v-html="msg">{{msg}}</div>
<script>
    var app = new Vue({
        el:'#app',
        data:{ msg:"<span style=\"color: red;font-weight: bolder\">我是一个帅哥</span>"}
    })
</script>
</body>
</html>